<%= include ic/header.html %>
<style>
#main{text-align:center;padding-bottom:20px;}
#content{text-align:left;width:1024px;margin:auto;padding:30px 0;}
.imgList{width:100%;min-height:850px;padding:0 112px;list-style-type:none;background:url(/i/brand_bg.png) no-repeat 60px top;}
.imgList>li{overflow:hidden;margin:20px 0 40px;cursor:pointer;}
.imgList>li div{width:800px;height:100%;overflow:hidden;}
.imgList>li img{width:auto;height:auto;}
</style>
<div class="am-cf" id="main">
  <div id="content">
  <ul class="imgList am-cf">
    <% for(var i=0;i<brands.length;i++){ %>
    <li onclick="gotoUrl('/branddetail?id=<%= brands[i].id %>')">
      <div>
      <img src="/p?id=<%= brands[i].get('banner') %>&w=800" >
      </div>
    </li>
    <% } %>
  </ul>
  </div>
</div>
<%= include ic/footer.html %>
<script type="text/javascript">
$(function() {
});
</script>
